<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品优购</title>
    <link rel="shortcut icon"  type="text/css" href="img/bitbug_favicon.ico" />
    <link rel="stylesheet" type="text/css" href="14-jd%20css.css">
    <link rel="stylesheet" type="text/css" href="common.css">
    <link rel="stylesheet" type="text/css" href="css.css">
    <link rel="stylesheet" type="text/css" href="ggwj.css">
    <script src="JS.js"></script>
</head>
<body>

<!--        shortcut  快捷导航栏！-->
    <div  class="shortcut" >
    	</audio>
<!--        shortcut  快捷导航栏！-->
        <div class="w">
    <div class="品优购欢迎你">品优购欢迎您！</div>
        <div class="请登录"><a class="登录" href="#">请登录</a> <a class="注册" href="dl.html">免费注册</a></div>
            <ul> <li><a href="#">网站导航 &nbsp ⇓</a></li>
                <li>|</li>
                <li><a href="#">客服服务 &nbsp ⇓</a></li>
                <li>|</li>
                <li><a href="#">关注优品购 &nbsp ⇓</a></li>
                <li>|</li>
                <li><a href="#">企业采购</a></li>
                <li>|</li>
                <li><a href="#">优品购会员</a></li>
                <li>|</li>
                <li><a href="#">我的优品购 &nbsp ⇓</a></li>
                <li>|</li>
                <li><a href="#">我的订单</a></li>
                </ul>
        </div>
    </div>
<!-- 搜索栏！-->
<div class="w 导航搜索">

<div class="logo">
    <a href="#"><h1>品优购</h1></a>
</div>
<!--    内容搜索栏-->
    <div class="搜索">
    <div class="搜索栏">
        <form action="#">
            <input class="搜索1" type="text" name="搜索" id="搜索" placeholder="请输入搜索内容！">
            <input class="提交" type="submit" value="搜索">
        </form>
    </div>
        <div class="按钮"></div>
    </div>
    <div class="我的购物车">
       <p><a href="#">我的购物车🛒</a></p >
        <a href="#"><div class="r8">&nbsp6&nbsp</div></a>
    </div>

    <div class="搜索产品推荐">
<ul>
    <li><a href="#">通信</a></li>
    <li><a href="#">电脑</a></li>
    <li><a href="#">办公用品</a></li>
    <li><a href="#">美满99减30</a></li>
    <li><a href="#">9.9包邮</a></li>
    <li><a href="#"> 亿元优惠</a></li>
    <li><a href="#">优惠购首发</a></li>






</ul>
    </div>

</div>
<!--产品分类   标栏-->

<div class="产品分类 w">
    <a href="#"> <div class="全部产品分类"></div> </a>

    <div class="产品详细">

<ul>
    <li><a href="#">有趣</a></li>
    <li><a href="#">拍卖</a></li>
    <li><a href="#">团购</a></li>
    <li><a href="#">闪购</a></li>
    <li><a href="#">全球购</a></li>
    <li><a href="#">传智超市</a></li>
    <li><a href="#">美妆馆</a></li>
    <li><a href="#">服装馆</a></li></ul>

    </div>
    <!--横线！-->
</div>



<!--横线！-->
<hr class="横线">
<div class="主页1 w">
<div class="商品详细 ">
    <ol class="商品详细ol">
        <a href="#"> <li>家用电器</li></a>
        <a href="#"> <li>手机,数码,通讯</li></a>
        <a href="#"> <li>电脑,办公</li></a>
        <a href="#"> <li>家居,家具,家装,厨具</li></a>
        <a href="#"> <li>男装,女装,童装,内衣</li></a>
        <a href="#">  <li>个护化妆,清洁用具,宠物</li></a>
        <a href="#">  <li>鞋靴,包厢,珠宝,奢侈品</li></a>
        <a href="#"> <li>运动户外,钟表</li></a>
        <a href="#"> <li>汽车,汽车用品</li></a>
        <a href="#">  <li>母婴,玩具乐器</li></a>
        <a href="#"> <li>食品,酒类,生鲜,特产</li></a>
        <a href="#"> <li>医药保险</li></a>
        <a href="#"> <li>图书,音像,电纸书</li></a>
        <a href="#"> <li>彩票,旅行,充值,票务</li></a>
        <a href="#"> <li>理财,众筹,白条,保险</li></a>
    </ol>
<div class="定位浮窗">
    <ol class="定位浮窗ol">
        <a href="#"> <li>家用电器</li></a>
        <a href="#"> <li>收集通讯</li></a>
        <a href="#"> <li>电脑办公</li></a>
        <a href="#"> <li>家居家具</li></a>
        <a href="#"> <li>生活用品</li></a>
        <a href="#"> <li>运动用品</li></a>
        <a href="#">  <li>汽车用品</li></a>
        <a href="#"> <li>食品酒类</li></a>
        <a href="#"> <li>医药保险</li></a>
        <a href="#"> <li>图书音像</li></a>
        <a href="#"> <li>金融彩票</li></a>
    </ol>
</div>
</div>
    <div class="主页广告">
        <div class="floatingPointBox">
            <ol class="floatingPointBoxOl">

            </ol>
        </div>
        <div class="moveBottom1">></div>
        <div class="moveBottom2"><</div>
        <ul class="主页广告ul">
            <li>
                <a href="qg.html"><img class="主页广告图片" src="img/zygg.png" alt="主页广告"></a>
            </li>
            <li>
                <a href="qg.html"><img class="主页广告图片" src="img/zygg2.png" alt="主页广告"></a>
            </li>
            <li>
                <a href="qg.html"><img class="主页广告图片" src="img/zygg3.png" alt="主页广告"></a>
            </li>
            <li>
            <a href="qg.html"><img class="主页广告图片" src="img/zygg4.png" alt="主页广告"></a>
        </li>
             <li>
            <a href="qg.html"><img class="主页广告图片" src="img/zygg5.png" alt="主页广告"></a>
        </li>


<!--            ====================================================================-->
            <li>
                <a href="qg.html"><img class="主页广告图片" src="img/zygg4.png" alt="主页广告"></a>
            </li>  <li>
            <a href="qg.html"><img class="主页广告图片" src="img/zygg3.png" alt="主页广告"></a>
        </li>  <li>
            <a href="qg.html"><img class="主页广告图片" src="img/zygg2.png" alt="主页广告"></a>
        </li>  <li>
            <a href="qg.html"><img class="主页广告图片" src="img/zygg.png" alt="主页广告"></a>
        </li>

        </ul>
    </div>
    <div class="主页侧栏">
        <div class="品优快报"><a href="#"><b>品优快报</b></a> <a href="#"><samp class="right"> 更多<</samp></a></div>
        <div class="特惠简介">
            <ol class="特惠简介ol">
                <li><a href="#"><b>[特惠]</b>开学季来临数码产品前部半价</a></li>
                <li><a href="#"><b>[公告]</b>品优购稳站家电网购六成份额</a></li>
                <li><a href="#"><b>[特惠]</b>五一劳动百万礼品劵享受</a></li>
                <li><a href="#"><b>[公告]</b>我本将心向明月，奈何明月照沟渠。落花有意随流水，流水无心恋落花。</a></li>
                <li><a href="#"><b>[特惠]</b>每日享受折扣 优惠力度大</a></li>
            </ol>
        </div>
        <div class="精品模块">
            <ol class="精品模块ol">
                <li><a href="dsj map.html"><div class="tubiao1">☏</div><div class="shuoming">话费</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">🛧</div><div class="shuoming">机票</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">📽</div><div class="shuoming">电影</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">♛</div><div class="shuoming">游戏</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">☬</div><div class="shuoming">彩票</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">☗</div><div class="shuoming">加油站</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">▇</div><div class="shuoming">酒店</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">▓</div><div class="shuoming">火车票</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">❖</div><div class="shuoming">众筹</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">¥</div><div class="shuoming">理财</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">✉</div><div class="shuoming">礼品卡</div></a></li>
                <li><a href="dsj map.html"><div class="tubiao1">❐</div><div class="shuoming">白条</div></a></li>
            </ol>
        </div>
        <div class="底边广告">
            <a href="#"><img src="img/wudigg.png" alt="广告图片" class="底边广告图片"></a>
        </div>
    </div>

</div>
<!--今日推荐-->
<div class="今日推荐 w">
    <a href="xiaox.html"> <div class="今天推荐1"><div>🕘</div> <p>今日推荐</p></div></a>
    <a href="xiaox.html"><div class="好货 eee"><img class="广告图片1" src="img/tp1.png" alt=""></div></a>
  <div class="fx"></div>
    <a href="xiaox.html"><div class="好货"><img class="广告图片1" src="img/tp2.png" alt="广告图片"></div></a>
   <div class="fx"></div>
    <a href="xiaox.html"> <div class="好货"><img class="广告图片1" src="img/tp3.png" alt="广告图片"></div></a>
    <div class="fx"></div>
    <a href="xiaox.html"> <div class="好货"><img class="广告图片1" src="img/tp4.png" alt="广告图片"></div></a>
</div>
<!--猜你喜欢的商品-->
<div class="猜你喜欢 w">

<b>猜你喜欢</b> <a href="#"><samp class="换一批"> 换一批⟳</samp></a>
</div>

<div class="猜你喜欢商品 w">
    <div class="喜欢商品"><a href="#"><div class="喜欢商品图片"><img class="喜欢商品图片1" src="img/sp1.png" alt="商品图片"></div>
        <ol class="喜欢商品ol">
            <li>阳光男孩单肩包包</li>
            <li>时尚靓仔四件套，非你莫属</li>
            <li>￥116.00</li>
        </ol></a></div>
    <div class="喜欢fx"></div>
    <div class="喜欢商品"><a href="#"> <div class="喜欢商品图片"><img class="喜欢商品图片1" src="img/sp2.png" alt="商品图片"></div>   <ol class="喜欢商品ol">
        <li>爱仕达 30CM炒锅不粘
            锅</li>
        <li>NWG8330E电磁炉炒</li>
        <li>￥99.00</li>
    </ol></a></div>
    <div class="喜欢fx"></div>
    <div class="喜欢商品"><a href="#"><div class="喜欢商品图片"><img class="喜欢商品图片1" src="img/sp3.png" alt="商品图片"></div>     <ol class="喜欢商品ol">
        <li>捷波朗
            </li>
        <li>（jabra）BOOSI劲步</li>
        <li>￥245.00</li>
    </ol></a></div>
    <div class="喜欢fx"></div>
    <div class="喜欢商品"><a href="#"><div class="喜欢商品图片"><img class="喜欢商品图片1" src="img/sp4.png" alt="商品图片"></div>     <ol class="喜欢商品ol">
        <li>欧普
            </li>
        <li>JYLZ08面板灯平板灯铝</li>
        <li>￥238.00</li>
    </ol></a></div>
    <div class="喜欢fx"></div>
    <div class="喜欢商品"><a href="#"><div class="喜欢商品图片"><img class="喜欢商品图片1" src="img/sp5.png" alt="商品图片"></div>     <ol class="喜欢商品ol">
        <li>三星
            </li>
        <li>（G5500）移动联</li>
        <li>¥238.00</li>
    </ol></a></div>
    <div class="喜欢fx"></div>
    <div class="喜欢商品"><a href="#"><div class="喜欢商品图片"><img class="喜欢商品图片1" src="img/sp6.png" alt="商品图片"></div>     <ol class="喜欢商品ol">
        <li>韩国所望
            </li>
        <li>紧致湿润精华露400ml</li>
        <li>¥649.00</li>
    </ol></a></div>
</div>
<!-- 传智博客有取区-->
<div class="猜你喜欢 w">
<b>传智博客·有取区</b> <a href="#"><samp class="换一批"> </samp></a>
</div>

<div class="传智博客 w">
    <div class="好书榜"><a href="#"><img class="传智播客图片" src="img/czbk.png" alt="传智播客图片"></a></div>
    <div class="好东西">
        <div class="首行好东西"><b>好东西</b> </div>
        <a href="#">
        <div class="达人推荐">

            <ol>
                <li><b>达人推荐</b></li>
                <br>
                <li>雷神金属机械键盘</li>
                <li>与你相见恨晚</li>
            </ol>
        </div>
        </a>

        <a href="#">
            <!--    发现好物-->
        <div class="发现好物">

            <ol>
                <li><b>发现好物</b></li>
                <br>
                <li>一不小心霸气外露</li>
                <li>等你来</li>
            </ol>
        </div>
        </a>
    </div>

    <div class="品牌街">
        <div class="首行好东西"><b>品牌街</b> </div>

        <a href="#">
            <div class="苏泊尔">

                <ol>
                    <li><b>苏泊尔

                       </b></li>
                    <br>
                    <li>返场大秀场</li>
                    <li> 爆品直降100元</li>
                </ol>
            </div>
        </a>


        <a href="#"> <div class="国际大牌"> <ol>
            <li><b>
国际大牌
            </b></li>
            <br>
            <li>adidas</li>
            <li> 部分3免1</li>
        </ol></div>
        </a>
        <a href="#"><div class="国际大牌1"> <ol>
            <li><b>
本周特卖
            </b></li>
            <br>
            <li>大牌折扣</li>
            <li> 每周上新</li>
        </ol></div>
        </a>

    </div>

    <div class="牌子">
        <ol class="牌子ol">
            <li><a href="#"><img class="pz1" src="img/huawei99.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/sony.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/meizu.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/ls.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/vivo.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/shanxing.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/oppo.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/cha.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/meide.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/hxet.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/shuboe.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/anta.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/xiaomi1.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="pz1" src="img/tcl.png" alt="品牌图片"></a></li>
        </ol>
    </div>

</div>

<!--b_家用电器 横栏 -->
<div class="猜你喜欢 w">

    <b class="b_家用电器">家用电器</b>



    <a class="热门家用电器" href="#"><samp class="换一批">空气/净水 &nbsp;</samp></a>
    <a class="热门家用电器" href="#"><samp class="换一批">新奇特&nbsp;</samp></a>
    <a class="热门家用电器" href="#"><samp class="换一批">高端电器&nbsp;</samp></a>
    <a class="热门家用电器" href="#"><samp class="换一批">厨房电器&nbsp;</samp></a>
    <a class="热门家用电器" href="#"><samp class="换一批">个号健康&nbsp;</samp></a>
    <a class="热门家用电器" href="#"><samp class="换一批">应季电器&nbsp;</samp></a>
    <a class="热门家用电器" href="#"><samp class="换一批">生活电器&nbsp;</samp></a>
    <a class="热门家用电器" href="#"><samp class="换一批">大家电&nbsp;</samp></a>
    <a class="热门家用电器" href="#"><samp class="换一批">热门&nbsp;</samp></a>
</div>


<!-- 下面3个模板的 模板样式会一模一样 这是第一个! 我后知后觉的!-->
<div class="家用电器 w">
    <div class="曲面电视" id="曲面电视">
        <div class="电视宣传">
            <ol class="电视宣传ol">
                <li><a href="kzybbq.html" class="电视宣传ol">节能补贴</a></li>
                <li><a href="kzybbq.html" class="电视宣传ol">4k电视</a></li>
                <li><a href="kzybbq.html" class="电视宣传ol">空气净化器</a></li>
                <li><a href="kzybbq.html" class="电视宣传ol">IH电饭煲</a></li>
                <li><a href="kzybbq.html" class="电视宣传ol">滚筒洗衣机</a></li>
                <li><a href="kzybbq.html" class="电视宣传ol">电热水器</a></li>
            </ol>
        </div>
        <div class="三星曲面">
            <a href="#"> <p class="三星曲面">
                三星曲面电视
            </p>
                <p class="三星曲面1"> 抽奖送豪礼</p>
            </a>
        </div>
    </div>
    <a href="#">  <div class="烧水壶" id="烧水壶">
        <div>  &nbsp;</div>
        <div> &nbsp; </div>
        <a href="#"> <p class="烧水壶1">
            烧水壶智能光控泡茶壶茶具套装
        </p>
        <p class="烧水壶1"> 满299.00减40.00</p>
        </a>
    </div></a>
    <div class="好东西2">
        <a href="#">
            <div class="达人推荐2" id="烤箱">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>每满200减20元</li>
                    <li>烘焙节1元抢购</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="发现好物2" id="乐视电视">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>买乐视电视享优惠购</li>
                    <li>送60个月会员</li>
                </ol>
            </div>
        </a>
    </div>

    <div class="好东西3" id="彩电">
        <div class="三星曲面4">
            <a href="#"> <p class="三星曲面3">
                8.20彩电宅购节
            </p>
                <p class="三星曲面2"> 65寸4k智能电视3799</p>
            </a>
        </div>
    </div>


    <div class="好东西4">
        <a href="#">
            <div class="达人推荐4" id="空调">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>消暑神器全场领卷</li>
                    <li>1元赢空调</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="发现好物4" id="电风扇">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>买超级电风扇</li>
                    <li>凉爽一夏</li>
                </ol>
            </div>
        </a>
    </div>
    <div class="牌子2">
        <ol class="牌子2ol">
            <li><a href="#"><img class="牌子2ol图片" src="img/bl.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/FL.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/MI.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/JR.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/tcl.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/HI.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/CH.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/PH.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/AN.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/SI.png" alt="品牌图片"></a></li>
        </ol>
    </div>
</div>










<!--从这里开始 下面的2模板和上面的模板是一模一样的的  照着抄就行了-->
<div class="猜你喜欢 w">

    <b class="b_家用电器">手机通信</b>



<!--    <a class="热门家用电器" href="#"><samp class="换一批">空气/净水 &nbsp;</samp></a>-->
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">手机配件&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">店铺精选&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">合约机&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">口碑推荐&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">高性价比&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">新机尝鲜&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">品质优选&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">热门&nbsp;</samp></a>
</div>


<div class="家用电器 w" >
    <div class="曲面电视" id="中兴">
        <div class="电视宣传">
            <ol class="电视宣传ol">
                <li><a href="#" class="电视宣传ol">手机通讯</a></li>
                <li><a href="#" class="电视宣传ol">以旧换新</a></li>
                <li><a href="#" class="电视宣传ol">双卡双待</a></li>
                <li><a href="#" class="电视宣传ol">自主配机</a></li>
                <li><a href="#" class="电视宣传ol">金属机身</a></li>
                <li><a href="#" class="电视宣传ol">高清屏幕</a></li>
            </ol>
        </div>
        <div class="三星曲面" >
            <a href="#"> <p class="三星曲面">
                中兴A1低至499元
            </p>
                <p class="三星曲面1"> 国民指纹，超6万好评</p>
            </a>
        </div>
    </div>
    <a href="#">  <div class="烧水壶" id="n4s">
<!--        <img class="替换tp" src="img/shoji1.png" alt="广告图片">-->
        <div>  &nbsp;</div>
        <div> &nbsp; </div>
        <a href="#"> <p class="烧水壶1">
            360N4S限量版
        </p>
            <p class="烧水壶1"> 1199元抢购</p>
        </a>
    </div></a>
    <div class="好东西2">
        <a href="#">
            <div class="达人推荐2" id="Moto">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>MoTo X极</li>
                    <li>低至￥2999元</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="发现好物2" id="max2">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>乐max2限量版</li>
                    <li>每日1899台</li>
                </ol>
            </div>
        </a>
    </div>

    <div class="好东西3" id="g9">
        <div class="三星曲面4">
            <a href="#"> <p class="三星曲面3">
                G9青春版玫瑰金首发
            </p>
                <p class="三星曲面2"> 赢0元试用</p>
            </a>
        </div>
    </div>


    <div class="好东西4" >
        <a href="#">
            <div class="达人推荐4" id="v8">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>荣耀v8 2k屏</li>
                    <li>￥2799元</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="发现好物4" id="x7">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>vivo x7星空灰</li>
                    <li>1元赢新机</li>
                </ol>
            </div>
        </a>
    </div>
    <div class="牌子2">
        <ol class="牌子2ol">
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/yido.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/lianto.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/pguo.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/xiaomi2.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/mzhu.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/huaweo990.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/sanxing2.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/cuizi.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/oppo.png" alt="品牌图片"></a></li>
            <li><a href="kzybbq.html"><img class="牌子2ol图片" src="img/360.png" alt="品牌图片"></a></li>
        </ol>
    </div>
</div>


<!--下面开始的 是电脑的！与上面两个的 代码结构是 一模一样的！-->
<div class="猜你喜欢 w">

    <b class="b_家用电器">电脑办公</b>



        <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">精品配件 &nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">文具电教&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">办公/网络&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">电竞游戏&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">DIY硬件&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">智能/外设&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">屏幕影音&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">电脑平板&nbsp;</samp></a>
    <a class="热门家用电器" href="kzybbq.html"><samp class="换一批">热门&nbsp;</samp></a>
</div>


<div class="家用电器 w">
    <div class="曲面电视" id="笔记本">
        <div class="电视宣传">
            <ol class="电视宣传ol">
                <li><a href="#" class="电视宣传ol">SSD硬盘</a></li>
                <li><a href="#" class="电视宣传ol">显示器</a></li>
                <li><a href="#" class="电视宣传ol">机械硬盘</a></li>
                <li><a href="#" class="电视宣传ol">台式机</a></li>
                <li><a href="#" class="电视宣传ol">组装电脑</a></li>
                <li><a href="#" class="电视宣传ol">配件专区</a></li>
            </ol>
        </div>
        <div class="三星曲面">
            <a href="#"> <p class="三星曲面">
                电脑特惠直降3000
            </p>
                <p class="三星曲面1"> 游戏本6期免息</p>
            </a>
        </div>
    </div>
    <a href="#">  <div class="烧水壶" id="相机">
        <!--        <img class="替换tp" src="img/shoji1.png" alt="广告图片">-->
        <div>  &nbsp;</div>
        <div> &nbsp; </div>
        <a href="#"> <p class="烧水壶1" >
            大品牌相机低价抢
        </p>
            <p class="烧水壶1"> 运动相机低至￥299</p>
        </a>
    </div></a>
    <div class="好东西2">
        <a href="#">
            <div class="达人推荐2" id="平板">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>平板新世界</li>
                    <li>开启2IN1时代</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="发现好物2" id="机械硬盘">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>低价来袭</li>
                    <li>机械硬盘低至99元</li>
                </ol>
            </div>
        </a>
    </div>

    <div class="好东西3" id="摩托">
        <div class="三星曲面4">
            <a href="#"> <p class="三星曲面3">
                全场6期分期免息
            </p>
                <p class="三星曲面2"> 我和DIY有个约会</p>
            </a>
        </div>
    </div>


    <div class="好东西4" >
        <a href="#">
            <div class="达人推荐4" id="男友">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>花花公子专卖</li>
                    <li>强势来性</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="发现好物4" id="手表">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>浪潮收配 尖叫来袭</li>
                    <li>满88减30元</li>
                </ol>
            </div>
        </a>
    </div>
    <div class="牌子2">
        <ol class="牌子2ol">
            <li><a href="#"><img class="牌子2ol图片" src="img/pibguo1.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/shanxing1.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/xhengzho.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/TP-l.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/THI1.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/BEA1.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/daie.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/gop1.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/int.png" alt="品牌图片"></a></li>
            <li><a href="#"><img class="牌子2ol图片" src="img/hp1.png" alt="品牌图片"></a></li>
        </ol>
    </div>
</div>









<!--最后一栏```````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````````-->

<div class="猜你喜欢1 w">

    <b class="b_家用电器">疯狂抢购</b>



</div>

<div class="家用电器 w ">

    <div class="疯狂抢购1"  id="包">
        <div id="包名">
            <ol>
                <li>LV名牌包，你值得拥有</li>
                <li id="red">￥79.00</li>
            </ol>
        </div>
    </div>



    <div class="疯狂抢购1  疯狂抢购2">
        <a href="#">
            <div class="电宝" id="电宝">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>每满200减20元</li>
                    <li>超级充电宝</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="裙子" id="裙子">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>西域出品，丝绸制品</li>
                    <li>￥452元</li>
                </ol>
            </div>
        </a>
    </div>
    <div class="疯狂抢购1  疯狂抢购2">
        <a href="#">
            <div class="电宝" id="权威">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>每满200减20元</li>
                    <li>超级充电宝</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="裙子" id="裙子1">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>正品保证，全国联保</li>
                    <li>￥289.99</li>
                </ol>
            </div>
        </a>
    </div>
    <div class="疯狂抢购1  疯狂抢购2">
        <a href="#">
            <div class="电宝" id="权威1">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>每满200减20元</li>
                    <li>超级充电宝</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="裙子" id="裙子2">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>正品保证，美国发货</li>
                    <li>￥9989.99</li>
                </ol>
            </div>
        </a>
    </div>

    <div class="疯狂抢购1  疯狂抢购2">
        <a href="#">
            <div class="电宝" id="权威2">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>高分辨率的屏幕</li>
                    <li>和台式一样</li>
                </ol>
            </div>
        </a>

        <a href="#">
            <!--    发现好物-->
            <div class="裙子" id="裙子3">

                <ol>
                    <li><b></b></li>
                    <br>
                    <li>摄像头超级清晰</li>
                    <li>一亿像素你值得拥有</li>
                </ol>
            </div>
        </a>
    </div>
</div>






















<!--尾巴-->
<div class="尾巴 w">
    <!--    小图标！-->
    <div class="小图标">
        <div class="t0">
            <a href="#">    <div class="t"></div>
                <div class="文字"> <b class="c">正品保障</b> <br> <b class="c1">&nbsp;&nbsp; 正品保障，提供发票</b></div>
                <div class="文字1"></div></a>

        </div>

        <div class="t0">
            <a href="#">    <div class="t1"></div>
                <div class="文字"> <b class="c">急速物流</b> <br> <b class="c1">急速物流，及时送到</b></div>
                <div class="文字1"></div></a>

        </div>

        <div class="t0">
            <a href="#">    <div class="t2"></div>
                <div class="文字"> <b class="c">售后无忧</b> <br> <b class="c1">7天无理由退货</b></div>
                <div class="文字1"></div></a>

        </div>


        <div class="t0">
            <a href="#">    <div class="t3"></div>
                <div class="文字"> <b class="c">特殊服务</b> <br> <b class="c1">私人订制家电套装</b></div>
                <div class="文字1"></div></a>

        </div>

        <div class="t0">
            <a href="#">    <div class="t4"></div>
                <div class="文字"> <b class="c">帮助中心</b> <br> <b class="c1">你的购物指南</b></div>
                <div class="文字1"></div></a>

        </div>

    </div>
    <!-- 详细 尾巴-->
    <div class="详细尾巴 w">
        <div class="购物指南">
            <ol>
                <li class="li1">购物指南</li>
                <a href="#"> <li class="li2">购物流程</li></a>
                <a href="#"> <li class="li2">会员介绍</li></a>
                <a href="#"> <li class="li2">生活旅行/团购</li></a>
                <a href="#"> <li class="li2">常见问题</li></a>
                <a href="#"> <li class="li2">联系客服</li></a>
            </ol>

        </div>

        <div class="购物指南">
            <ol>
                <li class="li1">配送方式</li>
                <a href="#"> <li class="li2">上门自提</li></a>
                <a href="#"> <li class="li2">211限时达</li></a>
                <a href="#"> <li class="li2">配送服务查询</li></a>
                <a href="#"> <li class="li2">配送费收取标准</li></a>
                <a href="#"><li class="li2">海外配送</li></a>
            </ol>

        </div>

        <div class="购物指南">
            <ol>
                <li class="li1">支付方式</li>
                <a href="#"> <li class="li2">货到付款</li></a>
                <a href="#"> <li class="li2">在线支付</li></a>
                <a href="#"> <li class="li2">分期付款</li></a>
                <a href="#"> <li class="li2">邮局汇款</li></a>
                <a href="#"><li class="li2">公司转帐</li></a>
            </ol>

        </div>

        <div class="购物指南">
            <ol>
                <li class="li1">售后服务</li>
                <a href="#"> <li class="li2">售后政策</li></a>
                <a href="#"> <li class="li2">价格保护</li></a>
                <a href="#"> <li class="li2">退款说明</li></a>
                <a href="#"> <li class="li2">返修/退还货</li></a>
                <a href="#"><li class="li2">取消订单</li></a>
            </ol>

        </div>

        <div class="购物指南">
            <ol>
                <li class="li1">特殊服务</li>
                <a href="#"> <li class="li2">夺宝岛</li></a>
                <a href="#"> <li class="li2">DIY装机</li></a>
                <a href="#"> <li class="li2">延保服务</li></a>
                <a href="#"> <li class="li2">品优购E卡</li></a>
                <a href="#"><li class="li2">品优购通信</li></a>
            </ol>

        </div>

        <div class="购物指南">
            <ol>
                <li class="li1">帮助中心</li>
                <a href="#"> <li class="li2"><img src="img/ew1.png" alt="收付款二维码"></li></a>

                <a href="#"><li class="li2">充值服务</li></a>
            </ol>

        </div>
    </div>
    <!--尾巴说明-->
    <div class="尾巴说明">
        <ol>
            <!--    关于我们  |  联系我们  |  联系客服  |  商家入驻  |  营销中心  |  手机品优购  |  友情链接  |  销售联盟  |  品优购社区  |  品优购公益  |
             English Site  |  Contact U
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
            京ICP备08001421号京公网安备110108007702
            -->
            <a href="#"><li class="oal1">关于我们</li></a>
            <li>|</li>
            <a href="#"><li>联系我们</li></a>
            <li>|</li>
            <a href="#"> <li>联系客服</li></a>
            <li>|</li>
            <a href="#"><li>商家入驻</li></a>
            <li>|</li>
            <a href="#"><li>营销中心</li></a>
            <li>|</li>
            <a href="#"> <li>手机品优购</li></a>
            <li>|</li>
            <a href="#"><li>友情链接</li></a>
            <li>|</li>
            <a href="#"><li>销售联盟</li></a>
            <li>|</li>
            <a href="#"> <li>品优购社区</li></a>
            <li>|</li>
            <a href="#"><li>品优购公益</li></a>
            <li>|</li>
            <a href="#"><li> English Site </li></a>
            <li>|</li>
            <a href="#"><li>Contact U</li></a> </ol>
        <div class="pp1 w"><p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
        </div>
        <br>
        <div class="pp1 w">  <p>京ICP备08001421号京公网安备110108007702</p></div>
    </div>
</div>

	<audio src="MP3/yx9.mp3" autoplay="autoplay"></audio>
</body>
</html>